/*全局框架设定*/ .jh_top,.jh_main,.jh_footer{ width:100%; height:100%; margin:0px auto; padding:0px; text-align:center} .jh_top_bian{ display: none} .jh_top_bian_hy,.jh_top_bian_nav{ line-height:300%} .jh_top_bian_logo,.jh_top_bian_tel{ width:100%;} .jh_top_bian_logo img,.jh_top_bian_tel img{ max-height:150px; max-width:200px;} .jh_top_bian_tel{ font-size:20px; line-height:130%; padding:30px 0px;} /*boostrap内容区框架*/ .container-fluid{ width:100%;margin:0px auto; padding:0px;} /*********************以下为新建功能样式，需经常修改*****************************/ /* */ /* */ /* */ /* */ /* */ /* */ /***************************************************************************/ /*新闻样式*/ .rmation_info{ width:100%; height:100%;} .rmation_info ul{ width:100%; height:100%} .rmation_info ul li{width:100%;text-align:left; list-style:none; border-bottom:1px #CCC dashed;line-height:3em;height:3em;} .rmation_info ul li div{width:100%;text-align:left;line-height:3em;height:3em;} .rmation_info ul li div a{width:100%;color:#7D7D7D;line-height:3em;height:3em;} .rmation_info ul li div a:hover{ color:#FF0000} .rmation_info ul li div a .rmation_info_title{ width:70%;float:left; text-align:left; line-height:3em;height:3em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .rmation_info ul li div a .rmation_info_title1{ width:100%;float:left; text-align:left; line-height:3em; height:3em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .rmation_info ul li div a .rmation_info_time{ width:30%;float:left; text-align:right; line-height:3em;height:3em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} /*新闻带描述，带图，带时间特效三种方式*/ /*缩略图格式区域*/ .rmation_info_desimg{width:100%; height:100%;} .rmation_info_desimg ul{ width:100%; height: auto; margin-top:1em;} .rmation_info_desimg ul li{ width:48%; height:160px;float:left;border:#CCC 1px solid; margin:1%; padding:1%} .rmation_info_desimg ul li .rmation_info_desimg_li{width:100%; height:100%;} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_img{ width:35%; float:left} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_img a img{ width:100%; height:auto} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_txt{ width:60%; float:left; margin-left:5%} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_title a{ font-size:16px; height:1.6em; line-height:1.6em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:left;} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_time a{ font-size:14px; height:1.2em; line-height:1.2em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:left} .rmation_info_desimg ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_des a{ font-size:14px; height:7em; line-height:1.4em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-indent:2em; text-align:left} /*时间格式*/ .rmation_info_desimg1{width:100%; height:100%;} .rmation_info_desimg1 ul{ width:100%; height: auto; margin-top:1em;} .rmation_info_desimg1 ul li{ width:48%; height:140px;float:left;border:#CCC 1px solid; margin:1%; padding:1%} .rmation_info_desimg1 ul li .rmation_info_desimg_li{width:100%; height:100%;} .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_time{ width:20%; float:left; border-right:1px solid #CCC; background-color: #2B3D89;} .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_time .rmation_info_time_day{ font-size:3em; text-align: center;color:#fff;line-height: 160%;} .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_time .rmation_info_time_year_moth{ font-size:1.3em;text-align: center;color:#fff;line-height: 250%;} .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_txt{ width:75%; float:left; margin-left:5%;line-height: 220%;} .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_title a{ font-size:16px; height:1.6em; line-height:1.6em;text-align:left; width:100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; } .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_time a{ font-size:14px; height:1.2em; line-height:1.2em;text-align:left; width:100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; } .rmation_info_desimg1 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_des a{ font-size:14px; height:7em; line-height:1.4em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-indent:2em; text-align:left; width:100%} /*文字和描述*/ .rmation_info_desimg2{width:100%; height:100%;} .rmation_info_desimg2 ul{ width:100%; height: auto; margin-top:1em;} .rmation_info_desimg2 ul li{ width:48%; height:160px;float:left;border:#CCC 1px solid; margin:1%; padding:1%} .rmation_info_desimg2 ul li .rmation_info_desimg_li{width:100%; height:100%;} .rmation_info_desimg2 ul li .rmation_info_desimg_li .rmation_info_txt{ width:99%; float:left; padding:1%;} .rmation_info_desimg2 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_title a{ font-size:16px; height:1.6em; line-height:1.6em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:left; width:100%} .rmation_info_desimg2 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_time a{ font-size:14px; height:1.2em; line-height:1.2em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:left; width:100%} .rmation_info_desimg2 ul li .rmation_info_desimg_li .rmation_info_txt .rmation_info_txt_des a{ font-size:14px; height:7em; line-height:1.4em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-indent:2em; text-align:left; width:100%} /*小FLASH代码区域*/ .ck-slide ul {margin: 0;padding: 0;list-style-type: none;} .ck-slide {position: relative;overflow: hidden;} .ck-slide ul.ck-slide-wrapper {position: absolute;top: 0;left: 0;z-index: 1;margin: 0;padding: 0;} .ck-slide ul.ck-slide-wrapper li {position: absolute; margin-top:0px;} .ck-slide ul.ck-slide-wrapper li a{line-height:0px;display:block;} .ck-slide .ck-prev, .ck-slide .ck-next {position: absolute;top: 50%;z-index: 2;width: 2.1875em;height: 4.375em;margin-top: -2.1875em;border-radius: 0.1875em;opacity: .15;background: red;text-indent: -624.9376em;background-repeat: no-repeat;transition: opacity .2s linear 0s;} .ck-slide .ck-prev {left: 0.3125em;background: url(../../images/arrow-left.png) #000 50% no-repeat;} .ck-slide .ck-next {right: 0.3125em;background: url(../../images/arrow-right.png) #000 50% no-repeat;} .ck-slidebox {position: absolute;left: 50%;bottom: 0.75em;z-index: 30;} .ck-slidebox ul {height: 1.25em;padding: 0 0.25em;border-radius: 0.5em;background: rgba(0,0,0,0.5);} .ck-slidebox ul li {float: left;height: 0.75em;margin: 0.25em 0.25em;} .ck-slidebox ul li em {display: block;width: 0.75em;height: 0.75em;border-radius: 100%;background-color: #fff;text-indent: -624.9736em;cursor: pointer;} .ck-slidebox ul li.current em {background-color: #fe6500;} .ck-slidebox ul li em:hover {background-color: #fe6500;} /*nav css*/ .navbar-brand{padding: 29px 15px;height: auto;} .navbar-nav{float: left;} nav.navbar.bootsnav ul.jh_nav > li > a{color: #111111;text-transform: uppercase;padding:30px; line-height:200%} nav.navbar.bootsnav ul.jh_nav > li:hover{background: #f4f4f4;} .jh_nav > li:after{content: "";width: 0;height: 5px; background: #34c9dd;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;} .jh_nav > li:hover:after{width: 100%;} .dropdown-menu.multi-dropdown{position: absolute;left: -100% !important;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border: none;} @media only screen and (max-width:990px){ nav.navbar.bootsnav ul.jh_nav > li.dropdown > a.dropdown-toggle:after, nav.navbar.bootsnav ul.jh_nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; } .dropdown-menu.multi-dropdown{ left: 0 !important; } nav.navbar.bootsnav ul.jh_nav > li:hover{ background: transparent; } nav.navbar.bootsnav ul.jh_nav > li > a{ margin: 0; } } /*功能模块，新添功能样式*/ /*新响应式文章卡片*/ /*****当前样式建议不修改，修改请仅修改背景色，字体颜色，字体大小等要素，所有像素（PX）转换为 em 1em=16px ******/ .post-slide{margin: 0 0.9375em;} .post-slide .post-img{overflow: hidden;} .post-slide .post-img img{width: 100%;height: auto;transform: scale(1);transition: all 1s ease-in-out 0s;} .post-slide:hover .post-img img{transform: scale(1.08);} .post-slide .post-content{background: #fff;padding: 1.25em;} .post-slide .post-title{font-size: 1.06em;font-weight: 600;margin-top: 0;text-transform: capitalize;} .post-slide .post-title a{display: inline-block;color: #808080;transition: all 0.3s ease 0s;} .post-slide .post-title a:hover{color: #3d3030;text-decoration: none;} .post-slide .post-description{font-size: 0.9375em;color: #676767;line-height: 1.5em;margin-bottom: 0.875em;} .post-slide .post-bar{padding: 0;margin-bottom: 15px;list-style: none;} .post-slide .post-bar li{color: #676767;padding: 0.125em 0;} .post-slide .post-bar li i{margin-right: 0.0078125em;} .post-slide .post-bar li a{display: inline-block;font-size: 0.75em;color: #808080;transition: all 0.3s ease 0s;} .post-slide .post-bar li a:after{content: ",";} .post-slide .post-bar li a:last-child:after{content: "";} .post-slide .post-bar li a:hover{color: #3d3030;text-decoration: none;} .post-slide .post-zdy{padding: 0.625em 0em;} .post-slide .read-more{display: inline-block;padding: 0.625em 0.9375em;font-size: 0.875em;font-weight: bold;color: #fff;background: #e7989a;border-bottom-right-radius: 0.625em;text-transform: capitalize;transition: all 0.30s linear;} .post-slide .read-more:hover{background: #333;text-decoration: none;} /*如出现多行，则变更不同ID属性即可*/ #news-slider .post-slide{margin: 0 0.9375em;} #news-slider .post-slide .post-img{overflow: hidden;} #news-slider .post-slide .post-img img{width: 100%;height: auto;transform: scale(1);transition: all 1s ease-in-out 0s;} #news-slider .post-slide:hover .post-img img{transform: scale(1.08);} #news-slider .post-slide .post-content{background: #fff;padding: 1.25em;} #news-slider .post-slide .post-title{font-size: 1.06em;font-weight: 600;margin-top: 0;text-transform: capitalize;} #news-slider .post-slide .post-title a{display: inline-block;color: #808080;transition: all 0.3s ease 0s;} #news-slider .post-slide .post-title a:hover{color: #3d3030;text-decoration: none;} #news-slider .post-slide .post-description{font-size: 0.9375em;color: #676767;line-height: 1.5em;margin-bottom: 0.875em;} #news-slider .post-slide .post-bar{padding: 0;margin-bottom: 15px;list-style: none;} #news-slider .post-slide .post-bar li{color: #676767;padding: 0.125em 0;} #news-slider .post-slide .post-bar li i{margin-right: 0.0078125em;} #news-slider .post-slide .post-bar li a{display: inline-block;font-size: 0.75em;color: #808080;transition: all 0.3s ease 0s;} #news-slider .post-slide .post-bar li a:after{content: ",";} #news-slider .post-slide .post-bar li a:last-child:after{content: "";} #news-slider .post-slide .post-bar li a:hover{color: #3d3030;text-decoration: none;} #news-slider .post-slide .post-zdy{padding: 0.625em 0em;} #news-slider .post-slide .read-more{display: inline-block;padding: 0.625em 0.9375em;font-size: 0.875em;font-weight: bold;color: #fff;background: #e7989a;border-bottom-right-radius: 0.625em;text-transform: capitalize;transition: all 0.30s linear;} #news-slider .post-slide .read-more:hover{background: #333;text-decoration: none;} /*第二种模式，产品模式*/ .jh_Infotypeimg{margin: 0 0.9375em;} .jh_Infotypeimg .post-img{overflow: hidden;} .jh_Infotypeimg .post-img img{width: 100%;height: auto;transform: scale(1);transition: all 1s ease-in-out 0s;} .jh_Infotypeimg:hover .post-img img{transform: scale(1.08);} .jh_Infotypeimg ol{padding: 1.25em;font-size: 1.06em;font-weight: 600;margin-top: 0;text-transform: capitalize;} .jh_Infotypeimg p{padding: 1.25em;font-weight: 600;margin-top: 0;text-transform: capitalize;} .jh_Infotypeinfo{ width:100%; margin:0 0.9375em;} .jh_Infotypeinfo ul{} .jh_Infotypeinfo ul li{ line-height:2em; font-size:1em} @media (max-width: 765px) { .ck-slide { width: 100%; height:100%; margin: 0 auto;} .ck-slide ul.ck-slide-wrapper {height:100%;} .ck-slide ul.ck-slide-wrapper li a img{ width: 100%; height:100%;} } /*区域代码为PAD等小屏幕设备（不包括手机）展示设置*/ @media (min-width:768px) and (max-width: 992px) { .jh_top_bian{ display: block} .ck-slide { width: 100%; height:100%; margin: 0 auto;} .ck-slide ul.ck-slide-wrapper {height:100%;} .ck-slide ul.ck-slide-wrapper li a img{ width: 100%; height:100%;} .container-fluid{ width:100%;margin:0px auto; padding:0px;} } /*区域代码为方形显示器（宽度界定在993px